.login_container {
  padding: 0 30rpx;

  .role_image {
    margin: 30rpx 0 60rpx;
    height: 240rpx;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    align-items: center;
  }

  .role_image image {
    height: 240rpx;
    width: 240rpx;
  }

  .login_btn_wrap {
    padding: 0 20rpx;
    margin-top: 90rpx;

    .login_btn {
      --button-primary-background-color: linear-gradient(to right, #66B557, #95C355);
      --button-primary-border-color: linear-gradient(to right, #66B557, #95C355);
      --button-normal-font-size: 36rpx;
    }
  }

  .checkbox_wrap {
    padding: 0 20rpx;
    margin-top: 30rpx;

    .check_btn {
      --checkbox-checked-icon-color: var(--my-primary);
    }
    .privacy {
      color: var(--my-primary);
    }

    .check_btn_label {
      font-size: 30rpx;
      color: #999;
    }
  }

  .field_label {
    --field-label-color: #999;
  }

  .action {
    margin-top: 30rpx;
    padding: 0 32rpx;
    height: 60rpx;
    color: var(--my-primary);
    line-height: 60rpx;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    font-size: 30rpx;
  }

  .form_group {
    --cell-font-size: 36rpx;
    --button-small-font-size: 30rpx;
    --cell-line-height: 64rpx;

    .role_class {
      text-align: left;
      color: #323233;
    }
    .van-field__control {
      font-size: 30rpx;
    }
  }
}